* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
}

.title {
    margin-bottom: 15px;
}
//第一排左一盒子
.left-one {
    list-style: none;
    display: flex;
    justify-content: space-between;
    li {
        flex: 50%;
        border-right: 1px solid #ebeef5;
    }

    // margin-left: -30px;
    .left-one-left {
        margin-left: 10px;
        div{
            margin-top: 20px;
            margin-bottom: 15px;
        }
        .btn {
            margin-top: 20px;
        }

        p {
            font-size: 14px;
            color: #818693;
            margin-bottom: 10px;
        }
        
    }

    .left-one-right {
        text-align: center;
        //数据样式
        .dataColor{
            font-size: 32px;
            font-weight: 700;
            color: #e15536;
            cursor: pointer;
            margin-top: 15px;

        }
        span{
            font-size: 14px;
        }
        

    }
}
//第一排右一盒子
.right-one{
    .right-one-top{
        display: flex;
        justify-content: space-between;
        img{
            width: 15px;
            height: 14px;
            margin-right: 8px;
            vertical-align: middle;
        }
        span{
            font-size: 14px;
            color: #818693;
            cursor: pointer;
        }
    }
    .right-one-main{
        display: flex;
        justify-content: space-around;
        margin-top: 40px;
        div{
            display: flex;
            flex-direction: column;
            text-align: center;
            span{
                margin-bottom: 12px;
                font-size: 14px;
                
                img{
                    width: 15px;
                    height: 15px;
                    vertical-align: middle;
                }
                p{
                    color: #20232a;
                }
                .right-one-main-bot{
                    color: #818693;
                   margin-left: 12px;

                }
            }
        }
    }
}
//第二排左一盒子
.left-two{
    
    padding: 23px 20px;
    //上面盒子
    .left-two-top{
        display: flex;
        justify-content: space-between;
    .left-two-top-left{
        display: flex;
        img{
            width: 20px;
            height: 20px;
            margin-left: 6px;
           }
        }
        .left-two-top-right{
            img{
                width: 15px;
                height: 14px;
                margin-right: 8px;
                cursor: pointer;
                // vertical-align: middle;
            }
            span{
                font-size: 14px;
                color: #818693;
                cursor: pointer;
            }
        }
      }
    //下面主体
     .left-two-main{
        padding: 0 20px!important;
        width: 100%;
        position: relative;
        .left-two-main-info{
            width: 100%;
            position: absolute;
            display: flex;
            top: 65%;
            span{
                margin-left: 35px;
                flex: 1;
                cursor: pointer;
                span{
                    margin-right: 6px;
                    font-weight: 700;
                }
                .moveDistance{
                    margin-left: 15px;
                }
                i{
                    font-style: normal;
                    font-weight: 700;
                }
            }
        }
     }
    }

//第二排右一盒子
.right-two{
    padding: 23px 20px;
    .left-two-top{
        display: flex;
        justify-content: space-between;
        // margin-bottom: 30px;
    .left-two-top-left{
        display: flex;
        img{
            width: 20px;
            height: 20px;
            margin-left: 6px;
           }
        }
        .left-two-top-right{
            img{
                width: 15px;
                height: 14px;
                margin-right: 8px;
                cursor: pointer;
                // vertical-align: middle;
            }
            span{
                font-size: 14px;
                color: #818693;
                cursor: pointer;
            }
        }
      }
.left-two-right-main{
    width: 100%;
    padding: 0 20px!important;
    position: relative;
     .left-two-main-info{
        position: absolute;
        display: flex;
        top: 65%;
        span{
            margin-left: 80px;
            flex: 1;
            cursor: pointer;
            span{
                margin-right: 6px;
                font-weight: 700;
            }
           
            i{
                font-style: normal;
                font-weight: 700;
            }
        }.moveDistance{
            margin-left: 95px;
            // margin-right: 20px;
        }
     }
  
 }
}
 

//第三排 
.left-three{
    h4{
        margin-bottom: 16px;
    }
    ul{
        display: flex;
        justify-content: space-around;
        li{
            display: flex;
            flex-direction: column;
            flex: 1;
            background-color:#fafafb;
            margin: 0 16px;
            img{
                width: 40px;
                height: 40px;
                margin: 0 auto;
                display: block;
                margin-top: 20px;
            }
            p{
                font-size: 16px;
                color: #20232a;
                font-weight: 700;
                text-align: center;
                margin: 16px 0 ;
                cursor: pointer;
                &:hover{
                    color: #e15536;
                }
            }
        }
    }
}


//第四排
//右边盒子
.left-four-right{
    //右边盒子
    .left-four-right-top{
        display: flex;
        justify-content: space-between;
        p{
            font-size: 14px;
            color: #818693;
            cursor: pointer;
            img{
                width: 12px;
                height: 12px;
                margin-left: 10px;
                vertical-align: middle;
            }
        }
    }
}
//第五排
//左边盒子
.left-five-left{
    .left-five-left-top{
        display: flex;
        justify-content: space-between;
        h4{
            margin-bottom: 16px;
        }
        span{
            font-size: 14px;
            color: #818693;
        }
    }
}
//第五排
//右边盒子

.left-five-right{
    .left-five-right-top{
        display: flex;
        justify-content: space-between;
        h4{
            margin-bottom: 16px;
        }
        span{
            font-size: 14px;
            color: #818693;
        }
    }
}
//第五排
//左边盒子